.container {
  width: 1200px;
  padding: 20px 10px;
  margin: auto;

  :global {
    .el-breadcrumb {
      color: rgba(102, 102, 102, 1);

      .el-breadcrumb__inner {
        color: rgba(102, 102, 102, 1);
        font-size: 14px;
        font-weight: 400;

        &.is-link {
          color: rgba(102, 102, 102, 1);
          font-size: 14px;
          font-weight: 400;

          &:hover {
            color: rgba(0, 117, 233, 1);
          }
        }
      }
    }
  }

  .content {
    width: 100%;
    padding: 21px 50px;
    background: #fff;
    margin-top: 10px;
    min-height: calc(100vh - 290px);
    position: relative;
    padding-bottom: 80px;

    &.faqContent {
      padding: 16px 0;

      .title {
        padding: 0 16px 12px 16px;
        border-bottom: 1px solid rgba(241, 241, 241, 1);
      }
    }

    // height: calc(~"100% - 244px");
    .title {
      color: rgba(51, 51, 51, 1);
      font-size: 18px;
      font-weight: 500;
    }

    .empty {
      width: 100%;
      color: #909399;
      font-size: 14px;
      text-align: center;
      height: 60px;
      line-height: 60px;
      // border-bottom: 1px solid #EBEEF5;
    }

    .query {
      display: flex;
      margin-top: 15px;
      margin-bottom: 20px;
      color: #999999;
      font-size: 14px;

      :global {
        .el-checkbox-group {
          width: 600px;
          height: 24px;
          font-size: 14px;
          color: #666666;

          .el-checkbox-button {
            margin-left: 20px;

            .el-checkbox-button__inner {
              font-size: 14px;
              color: #666666;
              padding: 0;
              width: 68px;
              line-height: 22px;
              height: 24px;
              border-radius: 2px;
              background: #F8F8FA;
              border: 1px solid rgba(217, 217, 217, 1);

            }

            &:hover {
              .el-checkbox-button__inner {
                background-color: rgba(48, 123, 246, .1);
                border-color: rgba(48, 123, 246, .1);
              }
            }

            &.is-checked {
              .el-checkbox-button__inner {
                color: #fff;
                background: #307BF6;
                border: 1px solid #307BF6;
              }
            }
          }
        }
      }
    }

    .newsTitle {
      position: relative;
      padding-right: 0;

      .isTop {
        width: 30px;
        height: 17px;
        line-height: 14px;
        border-radius: 2px;
        border: 1px solid #F5A623;
        color: #F5A623;
        background: #fff;
        text-align: center;
        font-size: 14px;
        margin-right: 15px;
        display: inline-block;
        vertical-align: middle;
      }
    }

    .pagination {
      padding: 23px 20px;
      text-align: right;
      color: #999999;
      font-size: 14px;
      position: absolute;
      bottom: 0;
      right: 30px;

      :global {

        .el-input__inner,
        .el-pagination__editor.el-input .el-input__inner,
        .el-select .el-input .el-input__inner,
        .el-pagination__editor {
          height: 23px;
          line-height: 23px;
          color: #999999;
          font-size: 14px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          border-radius: 0;
        }

        .el-pagination__total,
        .el-pagination__jump {
          color: #999999;
          font-size: 14px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
        }

        .el-input__inner {
          color: #999999;
          border-radius: 0;
        }

        .btn-prev,
        .btn-next {
          color: #999999;

          &:hover {
            color: #307BF6;
          }

          [disable=disabled] {
            color: #C0C4CC;

            &:hover {
              color: #C0C4CC;
            }
          }
        }

        .el-pager {
          li {
            font-size: 14px;
            font-family: PingFangSC-Regular;
            font-weight: 400;

            &.number {

              &.active,
              &:hover {
                color: #307BF6;
              }
            }

            &:hover {
              color: #307BF6;
            }
          }
        }
      }
    }

    :global {
      .el-table {
        margin-top: 10px;

        .el-table__header {
          th {
            font-size: 14px;
            color: rgba(179, 179, 179, 1);
            font-weight: 400;
            padding: 3px 0;
            background: rgba(245, 245, 245, 1);
            border: none;
          }
        }

        .el-table__body {

          td,
          th {
            padding: 11px 0;

            .el-button {
              padding: 0;
            }
          }

          .el-table__row {
            cursor: pointer;
          }
        }
      }
    }

    .list {
      padding: 20px 16px 74px 16px;

      ul {
        padding-left: 15px;
        list-style-type: square;

        // color: rgba(9, 117, 225, 1);
        li {
          color: rgba(9, 117, 225, 1);
          font-weight: 400;

          &:not(:last-child) {
            margin-bottom: 18px;
          }

          .question {
            font-size: 16px;
            min-height: 25px;
            color: rgba(51, 51, 51, 1);
            padding-bottom: 3px;
            word-break: break-all;
            word-spacing: normal;

            .span {
              // float: left;
            }

            .isTop {
              width: 30px;
              height: 17px;
              line-height: 14px;
              border-radius: 2px;
              border: 1px solid #F5A623;
              color: #F5A623;
              background: #fff;
              text-align: center;
              font-size: 14px;
              margin-right: 15px;
              display: inline-block;
              vertical-align: middle;
              // float: left;
            }
          }

          .answer {
            font-size: 14px;
            color: rgba(134, 134, 134, 1);
            word-break: break-all;
            word-spacing: normal;
          }
        }
      }
    }

    .time {
      color: rgba(186, 186, 186, 1) !important;
    }
  }
}